import React, { Component } from 'react';
// 引入自定义的导航标签
import Mynav from './Mynav';
// 引入路由的规则和坑
import Ruls from './Ruls';
class Father1 extends Component {
    render() {
        return (
            <div>
                {/* 使用自定义导航标签实现路由的跳转
                    如下写法: 就是父子组件传值  
                    01:设置动态属性 to 
                    02: 设置插槽
                      
                 */}
                <Mynav to='/home' >首页</Mynav>
                <Mynav to='/category' tag='span'>分类</Mynav>
                <Mynav to='/car' tag='span'>购物车</Mynav>
                <Mynav to='/mine' tag='span'>我的</Mynav>

                {/* 准备路由的坑 */}
                <div>
                    <Ruls></Ruls>
                </div>
            </div>
        );
    }
}

export default Father1;
